<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <title>H5Music Player</title>
    <!--[if lt IE 9]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
	<script src="js/var.js" type="text/javascript"></script>
    <script src="js/tagcanvas.js" type="text/javascript"></script>
    <script src="js/load.js" type="text/javascript"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/lizi.js" type="text/javascript"></script> 
	
  
    <link rel="stylesheet" type="text/css" href="css/music.css">
    </head>
    <body class="bbse"> 
    <h1 align="center"  class="jbse" valign="middle">H5Music Player</h1>
	<div class="div">
	<table  style="margin:0 auto;">
	<div id="index">
	<tr>
		<tr>
    <td align="center"   valign="middle"> 
	<input type="button" onclick="opennew()" value="打开音乐" class="btn11" onmouseover="this.style.backgroundPosition='left -20px'" onmouseout="this.style.backgroundPosition='left top'" style="background-position: left top;">

	<input type="submit" class="btn45" onclick="addLink()" value="添加音乐" onmouseover="this.style.backgroundPosition='left -25px';this.style.color='#bcf1a7';" onmouseout="this.style.backgroundPosition='left top';this.style.color='#ffafaf';" style="background-position: left top; color: rgb(255, 175, 175);">
	
	<input type="button" onclick="setstyle()" value="更换样式" class="btn11" onmouseover="this.style.backgroundPosition='left -20px'" onmouseout="this.style.backgroundPosition='left top'" style="background-position: left top;">
	</td>
	</tr>
	<td   align="center"   valign="middle">
   <div id = love>
		<audio src="" controlsList="nodownload" controls class="music"></audio>
		<ul id = mzdata class="mlist">
			<li>这个年纪</li>
			<li>七月的风</li>
			<li>笑-太一</li>	
			<li>这个年纪</li>
		</ul>
</div>
</td>
</tr>
  <script src="js/music.js" type="text/javascript"></script>
	<tr>
	  <td   align="center"   valign="middle">
    <div id="myCanvasContainer">
      <canvas width="400" height="400" id="myCanvas" class="cabk" style="">
        <p>Anything in here will be replaced on browsers that support the canvas element</p>
      </canvas>
    </div>
    <div id="tags" style="display: none;">
      <ul>
		  <li><a href="javascript:lis[0].onclick();"  class="green medium">这个年纪</a></li>
		  <li><a href="javascript:lis[1].onclick();" class="purple large">七月的风</a></li>
		  <li><a href="javascript:lis[2].onclick();"class="purple large">笑-太一</a></li>
		  <li><a href="#" class="green medium">狂浪</a></li>
		  <li><a href="#" class="small">青苹果</a></li>
		  <li><a href="#" class="green huge">云词</a></li>
		  <li><a href="#" class="red medium">孙</a></li>
		  <li><a href="#" class="red small">李</a></li>		  
		  <li><a href="javascript:lis[3].onclick();" ><img src="img/logo.png"/></a>/li>
		  <li><a href="javascript:lis[6].onclick();"><img src="img/logo.png" alt="Icon 03" /></a>/li>
		  <li><a href="#" class="red medium">周</a></li>
		  <li><a href="#" class="purple small">舞</a></li>
		  <li><a href="#" class="red large">乐</a></li>
		  <li><a href="#" class="red medium">美丽</a></li>
		  <li><a href="#" class="purple huge">赵</a></li>
		  <li><a href="#" class="red medium">钱</a></li>
		  <li><a href="#" class="green large">美</a></li>
		  <li><a href="#" class="green medium">爱情昨天</a></li>
		  <li><a href="#" class="purple huge">下山</a></li>
      </ul>
    </div>
	
    </td>
	</tr>
	  </div>
</table>	  
	</div>
	
  <div id="jsi-particle-container" style="display: none;" class="container">
	</div>


	 
</body></html>